| |
今度はJAVAスクリプトにフェードアウトの機能を組み込みます。
これで、フェードイン・フェードアウトを繰り返す文字列が誕生します。以下のスクリプトを、HTMLの<head>〜</head>内に貼り付けます。 |
<SCRIPT language="JavaScript">
<!--
count=0;
Num=1;
Time=100;
function FadeIn(str){
c=str.charAt(count++);
for(i=0;i<Num;i++){
document.all["Fade"+i].style.color="#"+c+c+c+c+c+c;
} if(count<str.length){
setTimeout("FadeIn('"+str+"')",Time);
}else
if((count>str.length)||(count==str.length)){
count=0;
setTimeout("FadeOut('0123456789abcdef')",Time);
}
}
function FadeOut(str){
c=str.charAt(count++);
for(i=0;i<Num;i++){
document.all["Fade"+i].style.color="#"+c+c+c+c+c+c;
}
if(count<str.length){
setTimeout("FadeOut('"+str+"')",Time);
}else
if((count<str.length)||(count==str.length)){
count=0;
setTimeout("FadeIn('fedcba9876543210')",Time);
}
}
//-->
</SCRIPT>
|
 |
設置が完了したら、前項と同じ要領で<body>タグ内や、文字列の設定を行ってください。
見事、文字列が、じんわりと点滅し始めるはずです。 |
|
